<!-- 图片详情弹窗 -->
<div id="imageDetailModal" style="display: none;">
    <div class="image-detail-container">
        <h3>记账图片</h3>
        <!-- 图片列表 -->
        <div id="imageList" class="image-list">
            <!-- 图片将通过JavaScript动态生成 -->
        </div>
        
        <!-- 添加图片按钮 -->
        <div class="image-upload-section">
            <button id="addImageBtn" class="layui-btn layui-btn-warm">
                <i class="layui-icon layui-icon-upload"></i> 添加图片
            </button>
        </div>
    </div>
</div>

<!-- 图片上传弹窗 -->
<div id="uploadImageModal" style="display: none;">
    <div class="image-upload-container">
        <h3>上传图片</h3>
        <form id="uploadImageForm" enctype="multipart/form-data">
            <input type="hidden" id="uploadAid">
            <div class="layui-form-item">
                <label class="layui-form-label">图片文件</label>
                <div class="layui-input-block">
                    <input type="file" name="image" id="imageFile" accept="image/*" required>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">图片描述</label>
                <div class="layui-input-block">
                    <input type="text" name="description" id="imageDescription" placeholder="请输入图片描述" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="button" id="confirmUploadBtn" class="layui-btn">上传</button>
                    <button type="button" id="cancelUploadBtn" class="layui-btn layui-btn-primary">取消</button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- 更新图片描述弹窗 -->
<div id="updateImageModal" style="display: none;">
    <div class="image-update-container">
        <h3>更新图片描述</h3>
        <form id="updateImageForm">
            <input type="hidden" id="updateIid">
            <div class="layui-form-item">
                <label class="layui-form-label">图片描述</label>
                <div class="layui-input-block">
                    <input type="text" name="description" id="updateImageDescription" placeholder="请输入图片描述" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="button" id="confirmUpdateBtn" class="layui-btn">确认</button>
                    <button type="button" id="cancelUpdateBtn" class="layui-btn layui-btn-primary">取消</button>
                </div>
            </div>
        </form>
    </div>
</div>